<template>
	<view>
		<view class="item">
			<image :src="img1" class="touxiang"></image>
			<view class="store-info">
				<text class="txt1">{{storeName}}</text>
				<text class="txt2">{{address}}</text>
			</view>
			<image src="../../static/icon/jiantou.png" class="jiantou"></image>
		</view>
		<view class="item">
			<image :src="img2" class="touxiang"></image>
			<view class="store-info">
				<text class="txt1">{{storeName}}</text>
				<text class="txt2">{{address}}</text>
			</view>
			<image src="../../static/icon/jiantou.png" class="jiantou"></image>
		</view>
		<view class="item">
			<image :src="img3" class="touxiang"></image>
			<view class="store-info">
				<text class="txt1">{{storeName}}</text>
				<text class="txt2">{{address}}</text>
			</view>
			<image src="../../static/icon/jiantou.png" class="jiantou"></image>
		</view>
	</view>
</template>
<script>
export default {
	data(){
		return {
			img1:require("../../static/logo.png"),
			img2:require("../../static/logo.png"),
			img3:require("../../static/logo.png"),
			storeName:'门店名称',
			address:'四川省成都市青羊区205号'
		}
	}	
}
</script>
<style>
	.item {
		height: 158rpx;
		display: flex;
		flex-direction: row;
		margin: 0rpx 30rpx;
	    border-bottom: 2rpx solid #F0F0F0; 
	}
	.touxiang {
		width: 100rpx;
		height: 100rpx;
		margin-top: 28rpx;
	}
	.store-info {
		margin-top: 43rpx;
		margin-left: 20rpx;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.txt1 {
		font-size: 32rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #1A1A1A;
	}
	.txt2 {
		font-size: 24rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #1A1A1A;
	}
	.jiantou {
		width: 14rpx;
		height: 25rpx;
		margin-right: 30rpx;
		margin-left: auto;
		margin-top: 66rpx;
	}
</style>
